
  <!--container-->
  <div class="container container-gary">
      <!-- member index -->
      <div class="m-ptb wrap clearfix">
         {include file="common@public/_personal_left"}
          <div class="member-right">
              <div class="member-head clearfix">
                  <div class="member-grade">普通会员 <br /> <b>C 级</b></div>
                  <div class="member-people">
                      <div>宁夏银川市小魏服装批发部<span>魏坚</span></div>
                      <div>联系人：某某某</div>
                      <div>手机：00000000000</div>
                  </div>
                  <div class="member-code"><img src="/public/uploads/timages/member-code.jpg" /></div>
                  <div class="member-account">
                      <ul class="clearfix">
                          <li>
                              <div class="middle m-head-icon"><img src="/public/static/home/images/member-h-icon1.png" /></div>
                              <div class="middle m-head-text">待付款</div>
                              <div class="middle m-head-num"><span class="red">2</span> 笔</div>
                          </li>
                          <li>
                              <div class="middle m-head-icon"><img src="/public/static/home/images/member-h-icon2.png" /></div>
                              <div class="middle m-head-text">白条额度</div>
                              <div class="middle m-head-num"><span class="red">￥15000</span> 元</div>
                          </li>
                          <li>
                              <div class="middle m-head-icon"><img src="/public/static/home/images/member-h-icon3.png" /></div>
                              <div class="middle m-head-text">待收货</div>
                              <div class="middle m-head-num"><span class="red">3</span> 笔</div>
                          </li>
                          <li>
                              <div class="middle m-head-icon"><img src="/public/static/home/images/member-h-icon4.png" /></div>
                              <div class="middle m-head-text">可用积分</div>
                              <div class="middle m-head-num"><span class="red">9000</span> 分</div>
                          </li>
                          <li>
                              <div class="middle m-head-icon"><img src="/public/static/home/images/member-h-icon5.png" /></div>
                              <div class="middle m-head-text">待确认</div>
                              <div class="middle m-head-num"><span class="red">2</span> 笔</div>
                          </li>
                          <li>
                              <div class="middle m-head-icon"><img src="/public/static/home/images/member-h-icon6.png" /></div>
                              <div class="middle m-head-text">优惠券</div>
                              <div class="middle m-head-num"><span class="red">4</span> 张</div>
                          </li>
                      </ul>
                  </div>
              </div>
              <div class="member-banner"><img src="/public/uploads/timages/member-img1.jpg" /></div>
              <div class="member-order">
                  <div class="m-order-title clearfix">
                      <h3><b>我的订单</b></h3> <a href="order-inpuire.shtml">查看全部订单 》</a>
                  </div>
                  <div class="m-order-enter clearfix">
                      <div class="m-order-left">
                          <div class="m-order-item">
                              <div class="m-order-text">下单时间：</div>
                              <div class="m-order-write">
                                  <input class="input-time laydate-icon" id="start" type="text" placeholder="起始时间" />
                                  <span class="m-order-plr">至</span>
                                  <input class="input-time laydate-icon" id="end" type="text" placeholder="起始时间" />
                              </div>
                          </div>
                          <div class="m-order-item">
                              <div class="m-order-text">订单号：</div>
                              <div class="m-order-write">
                                  <input class="m-input-small" type="text" placeholder="请输入订单号" />
                              </div>
                          </div>
                          <div class="m-order-item">
                              <div class="m-order-text">交易状态：</div>
                              <div class="m-order-write">
                                  <select class="m-o-select"><option>请选择交易状态</option></select>
                              </div>
                          </div>
                          <div class="m-order-item">
                              <div class="m-order-text">商品名称：</div>
                              <div class="m-order-write">
                                  <input class="m-input-shop" type="text" placeholder="请输入商品名称" />
                              </div>
                          </div>
                          <div class="m-order-item">
                              <div class="m-order-text">收货人：</div>
                              <div class="m-order-write">
                                  <input class="m-input-small" type="text" placeholder="请输入收货人姓名" />
                              </div>
                          </div>
                          <div class="m-order-item">
                              <div class="m-order-text">手机号：</div>
                              <div class="m-order-write">
                                  <input class="m-input-small" type="text" placeholder="请输入收货人姓名" />
                              </div>
                          </div>
                      </div>
                      <div class="m-order-right">
                          <input class="m-btn-color" type="button" value="查询" /> <input type="button" value="重置" />
                      </div>
                  </div>
                  <div class="member-table">
                      <div class="member-thead clearfix">
                          <div class="member-shop">商品信息</div>
                          <div class="member-num">数量</div>
                          <div class="member-price">总价（元）</div>
                          <div class="member-people1">收货人</div>
                          <div class="member-state">交易状态</div>
                          <div class="member-operate">操作管理</div>
                      </div>
                      <div class="member-item">
                          <div class="member-i-title clearfix">
                              <div class="member-i-time"><b>2017-03-20 16:26:26</b></div>
                              <div class="member-i-num">订单号：OD1703200336</div>
                              <div class="member-i-shop">店铺：JIEDAN马甲专卖店</div>
                              <div class="head-contact"><i></i><a href="">联系买家</a></div>
                          </div>
                          <div class="member-i-tbody">
                              <div class="member-i-product">
                                  <div class="member-i-left">
                                      <dl>
                                          <dt class="middle"><img src="/public/uploads/timages/cart-img1.png" /></dt>
                                          <dd class="middle">杰丹180g圆领文化衫 76000</dd>
                                      </dl>
                                      <div class="member-i-piece">21546 <span class="red">件</span></div>
                                  </div>
                              </div>
                              <div class="memeber-i-price">
                                  <div class="red">￥12545456.50</div>
                                  <div class="member-p-bottom">（含运费￥1553.00）</div>
                                  <div>支付宝支付</div>
                              </div>
                              <div class="member-i-name">李雄辉</div>
                              <div class="member-i-state"><span>待审核</span> <br /> <a href="">订单详情</a></div>
                              <div class="member-i-more"><a href="">查看详情</a></div>
                          </div>
                      </div>
                      <div class="member-item">
                          <div class="member-i-title clearfix">
                              <div class="member-i-time"><b>2017-03-20 16:26:26</b></div>
                              <div class="member-i-num">订单号：OD1703200336</div>
                              <div class="member-i-shop">店铺：JIEDAN马甲专卖店</div>
                              <div class="head-contact"><i></i><a href="">联系买家</a></div>
                          </div>
                          <div class="member-i-tbody">
                              <div class="member-i-product">
                                  <div class="member-i-left">
                                      <dl>
                                          <dt class="middle"><img src="/public/uploads/timages/cart-img1.png" /></dt>
                                          <dd class="middle">杰丹180g圆领文化衫 76000</dd>
                                      </dl>
                                      <div class="member-i-piece">21546 <span class="red">件</span></div>
                                  </div>
                              </div>
                              <div class="memeber-i-price">
                                  <div class="red">￥12545456.50</div>
                                  <div class="member-p-bottom">（含运费￥1553.00）</div>
                                  <div>支付宝支付</div>
                              </div>
                              <div class="member-i-name">李雄辉</div>
                              <div class="member-i-state"><span>待审核</span> <br /> <a href="">订单详情</a></div>
                              <div class="member-i-more"><a href="">查看详情</a></div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="member-img clearfix">
                  <img src="/public/uploads/timages/member-img2.jpg" /> <img src="/public/uploads/timages/member-img3.jpg" />
              </div>
          </div>
      </div>

  </div>

  
<script type="text/javascript" src="/public/static/home/js/laydate.js"></script>
<!-- menu -->
<script type="text/javascript" src="/public/static/home/js/menu.js"></script>
<script>
    $(function(){
      //top select
      $(".top-select").mouseover(function () {
        $(".top-s-text").show();
      })
      $(".top-select").mouseout(function () {
        $(".top-s-text").hide();
      })
      $(".top-s-text div").click(function () {
        var selecttext = $(this).text();
        $(".top-s-head span").text(selecttext);
        $(this).parent(".top-s-text").hide()
      })
      // top code
      var turn = function(target,time,opts){
      target.find('.top-code').hover(function () {
            $(this).find('.top-c-img').stop().animate(opts[0], time, function () {
			$(this).hide().next().show();
			$(this).next().animate(opts[1],time);
	   });
	   },function(){
	        $(this).find('.top-c-text').animate(opts[0], time, function () {
			    $(this).hide().prev().show();
			    $(this).prev().animate(opts[1],time);
		 });
	     });
        }
        var verticalOpts = [{'width':0},{'width':'80px'}];
        turn($('.top-right'), 150, verticalOpts);
        //menu all
        $(".menu-all div").mouseenter(function () {
            $(this).addClass("current");
            $(".submenu").show();
        })
       $(".menu-all div").mouseleave(function () {
            $(this).removeClass("current");
            $(".submenu").hide();
        })
        $(".submenu").mouseenter(function(){
           $(this).show();
           $(".menu-all div").addClass("current")
        })
        $(".submenu").mouseleave(function(){
           $(this).hide();
           $(".menu-all div").removeClass("current")
        })
        //left submenu
        $(".submenu ul li").each(function () {
            var $this = $(this);
            var $children = $this.find('.submenu-pro');
            var $otherChildren = $this.siblings('li').find('.submenu-pro');
            var $childrenList = $children.children('.submenu-total');
            $this.on({
                'mouseenter': function () {
                    $children.css({ 'display': 'block', 'width': 221 * parseInt($childrenList.size()) });
                    $otherChildren.css('display', 'none');
                },
                'mouseleave': function () {
                    $children.css('display', 'none');
                }
            })
        });
        //member left
        $(".member-l-title").click(function(){
           $(this).parent(".member-l-list").toggleClass("m-current");
           $(this).parent(".member-l-list").find("ul").slideToggle()
        })
        //content height
        $(".member-left").height($(".member-right").height())

    })

    //date
    !function () {
        laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
    }();
    //日期范围限制
    var start = {
        elem: '#start',
        format: 'YYYY-MM-DD',
        min: '1996-06-16', //设定最小日期为当前日期 laydate.now()
        max: '2099-06-16', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
            $(".laydate-icon").first().addClass("current");
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY-MM-DD',
        min: '1996-06-16',
        max: '2099-06-16',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，充值开始日的最大日期
            $(".laydate-icon").eq(1).addClass("current");
        }
    };
    laydate(start);
    laydate(end);

</script>
</body>
</html>